<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
        <title>Blank App</title>
        <script type="text/javascript" src="cordova.js"></script>
        <style type="text/css">
        	img {
        		width: 80%;
        	}
        </style>
    </head>
    <body>
    	<h1>摄像头实例</h1>
    	<button id="btn">选照片</button>
    	<img id="myImage" src="">
        <script type="text/javascript">
            //必须要导入cordova.js
            //在Cordova框架中，当这个桥接的初始化完成后，会调用他自身特有的事件，即deviceready事件。
            // 首先要绑定deviceready事件，所有的事件注册写在这个方法里面
        	document.addEventListener("deviceready", init, false);
        	function init() {
        		alert("init");
        		document.getElementById("btn").addEventListener("touchend", function(){
        			alert("touchend");
        			var option = {
        				quality: 50,
        				destinationType : Camera.DestinationType.FILE_URI,
        				sourceType : Camera.PictureSourceType.PHOTOLIBRARY,
        			};
                    // 使用摄像头拍摄的照片的质量是相当不错的，使用base64对这些照片进行编码已导致其中的一些设备出现内存问题 （如iphone4、blackberry torch 9800）。因此，强烈建议将“camera.destinationtype”设为file_uri。
                    // sourceType : Camera.PictureSourceType.PHOTOLIBRARY,
                        



                        // navigator.camera.getPicture( cameraSuccess, cameraError, [ cameraOptions ] );
                    //选择使用摄像头拍照，或从设备相册中获取一张照片。图片以base64编码的字符串或图片URI形式返回。
					navigator.camera.getPicture(onSuccess, onFail, option);


                    // 返回值会按照用户通过cameraOptions参数所设定的下列格式之一发送给cameraSuccess回调函数：
                    // 一个字符串，包含Base64编码的照片图像（默认情况）
                    // 一个字符串，表示在本地存储的图像文件位置
					function onSuccess(imageData) {
					   var image = document.getElementById('myImage');
					   image.src = imageData;
					}

					function onFail(message) {
					   alert('Failed because: ' + message);
					}
        		});
        	}
        </script>
    </body>
</html>
